草庐IT

ionic 导航

全部标签

javascript - Ionic 3 中的环境特定参数

特定于环境的参数以何种方式与ionic命令行界面一起使用,例如ionicbuildandroid--prod--device以根据环境在JavaScript/Typescript代码中进行区分,例如生产和开发?我应该使用process.env.IONIC_ENV吗?或者我可以通过什么方式查询这种区别? 最佳答案 基于RobFerguson的教程要做三件事。取决于完全可互换的文件结构(./标记应用程序的根目录)。./tsconfig.json{"compilerOptions":{"baseUrl":"./src","paths":{

ROS机器人应用(6)—— 激光雷达建图和导航

文章目录一、激光雷达建图二、建图算法切换及其优缺点三、自主导航四、多点导航一、激光雷达建图小车开机,连接WIFI,密码:dongguan。启动激光建图(服务端)ssh-Ywheeltec@192.168.0.100roslaunchturn_on_wheeltec_robotmapping.launch查看建图效果(客户端)rviz可以使用键盘控制、APP遥控、PS2遥控、航模遥控进行控制小车运动。建图完成,保存地图(服务端)保存方法1:#一键保存roslaunchturn_on_wheeltec_robotmap_saver.launch保存方法2:#打开地图路径cd/home/wheelt

javascript - JQuery Mobile 在导航页面后丢失所有样式

我很头疼,在过去的几个小时里,我无法弄清楚为什么当我在页面之间轻弹(由ajax动态加载)时,样式全部消失。我已经在网上阅读了很多关于此的帖子,并尝试了.page()trigger("Refresh")triggercreate等等。Page1有一个列表,在点击该元素时它会获取另一个列表的完整内容并将它们放入DOM中。JQuery版本(移动版1.1rc2-但与1.0.1稳定版相同的问题):这个链接在初始列表中被点击:javascript:GetGarageList("G9236")触发://showgaragesforfactorfunctionGetGarageList(accNo){

javascript - 带 react 导航的 DrawerNavigation 标题

我在使用ReactNative,我正在使用native-base和react-navigationnpm。我明白了,我的问题是我如何才能有一个标题,直到“主页”按钮,我查看了react-navigation的文档,但它并没有真正被清除。https://github.com/react-community/react-navigation/blob/master/docs/api/navigators/DrawerNavigator.md像这样(图片是固定的,只是在这里放个logo) 最佳答案 您可以为抽屉实现自定义内容组件。在那里,

javascript - 如何以像素为单位计算工具栏、地址栏和其他导航工具的高度?

基本上我需要知道y轴距离屏幕左上角多少个像素,直到我到达实际的网络窗口。有没有人有任何想法...? 最佳答案 我不知道如何返回外部组件的高度,但我从http://www.alexandre-gomes.com/?p=115中获取了这个并对其进行调整以返回滚动条高度。测试在以下浏览器中工作:ChromeFF9+IE9(谢谢Pax0r)Opera(谢谢Pax0r)如果有人可以在其他浏览器中测试它并给我反馈,我会相应地修改这个答案。使用JQuery:jQuery.getScrollBarSize=function(){varinner=$

javascript - ionic /如何期望刷新缓存 View ?

我目前使用的是最新的Ionic“nightybuild”版本。此版本的一个好消息是cachedviews的概念:Bydefaultviewsarecachedtoimproveperformance.Whenaviewisnavigatedawayfrom,itselementisleftintheDOM,anditsscopeisdisconnectedfromthecycle.Whennavigatingtoaviewwhichisalreadycached,itsscopeisthenreconnected,andtheexistingelementwhichwasleftint

javascript - 使用 Ionic 2 在 Plunker 中创建主/细节应用程序

以一些优秀的标准Ionic2插件为基础http://plnkr.co/edit/ZsoPeE?p=preview和http://plnkr.co/edit/WBeRRJyYucLwvckjh5W7?p=preview你能帮我调整一下Master/DetailPlunker吗?我以为我已准备好所有部件,但缺少一些东西,因为它会产生白屏。这是我对主/细节plunk的尝试http://plnkr.co/edit/7NHIYMA3TUdd5nOkoXyF?p=previewimport{NgModule}from'@angular/core';import{IonicApp,IonicModu

javascript - 导航实验正在卸载选项卡

我正在开发一个使用复合实验导航(CardStack+选项卡)和redux进行状态管理的Reactnative应用程序。我能够创建基于选项卡的导航,但我现在面临的问题是当我在选项卡之间切换时,组件被卸载并且每次都重新呈现。问题假设我向下滚动了几篇文章,当我更改Tab时,它将从顶部开始。(解决方法可能是将滚动位置存储在redux状态中)。这是我用于导航的示例代码TabbedExperimentalNavigation 最佳答案 您必须更改TabBar的方法。基本上,您希望每个选项卡都有一个导航器,因此您可以为每个选项卡设置路由堆栈,并使

javascript - 如何在首次启动时以 ionic 显示 App 说明

我是ionic框架的新手。我想像这样显示应用说明。我应该使用什么api/framework来实现这个。或者如果有人有代码示例,codepen可以帮助我学习这个。 最佳答案 如果您指的是“导览”或“介绍”功能,您可以尝试使用各种AngularJS插件之一:https://github.com/abhikmitra/ng-joyride/http://code.mendhak.com/angular-intro.js/example/index.htmlhttp://daftmonk.github.io/angular-tour/htt

javascript - 具有不同滑动高度的 ionic 滑动盒

我正在使用ion-slide-box,但问题是,我的ion-slide不在同一高度,所以它设置了所有ion-slide到高度一的大小。下面是一个例子ion-slide1高度30pxion-slide2高度100px因此,ion-slide-box高度将为100px,这会在slide1中形成一个空白区域(70px)。当用户使用该空白区域(70px)滑动时,slider不起作用。有什么方法/解决方法可以让slidebox适用于不同的幻灯片高度? 最佳答案 你可以使用这个:.slider-slides{display:flex;flex-